* {margin: 0; padding: 0}
html, body {background: #fff}
body {font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 62.5%; color: #666}
li, input, select, option, td, th, pre, p, label, dt, dd {font-size: 1.2em}
.clear {clear: both}
a {text-decoration: none; color: #336699}
a:hover {text-decoration: underline; color: #054380}
img {border: 0}
table {border-spacing: 0; border-collapse: collapse}
dl {display: block;}
dt {clear: left; display: block; font-weight: normal; float: left; width: 8em; }
dd {clear: right; display: block;}

#grant_detail td {vertical-align: top; padding: 1em 1em 1em 0}

p, h1, h2, h3, h4, h5, h6 {margin: 0.67em 0;}

#default h2, h2, h3, h4, h5, h6 {margin: 0}

#wrapper {width: 77em; margin: 1.0em auto;} 

ul.hnav {list-style: none; float: right}
ul.hnav li {display: inline; font-size: 1.3em; padding:1.0em;}
#topnav, #bottomnav {height: 10.2em}
#topnav a, #bottomnav a {color: #000;}
#bottomnav {border-top: 1px #999999 solid}
#topnav ul {margin-top: 7.6em}
#bottomnav ul {margin-top: 1.0em}
#topnav img {margin-left: 1em}

#keywordsearch {padding: 0.2em 0.6em 1.9em 14.3em; background-color: #E7F4D6; border-bottom: 1px #999999 solid; 
    border-top: 1px #999999 solid; font-size:1.1em;}
#keywordsearch input {margin: 0 1.0em;}
#keywordsearch input, #keywordsearch option, #keywordsearch select, #keywordsearch label {font-size: 1.1em}
#keywordsearch label, #keywordsearch a {color: #666}
#keywordsearch a {text-decoration: underline; font-size: 1.1em}
#keywordsearch #advanced {float: right; margin-right: 1em; position:relative; top:1.2em}
#keywordsearch #basic {text-align: right; margin-right: 1em; position:relative; top:1.2em}
#keywordsearch .submit {position:relative; top:0.7em}

#advancedsearch {background-color: #F5FBEE; padding:1em}
#advancedsearch .pane {float: left; margin-left: 7.0em;}
#advancedsearch .pane div {margin-bottom: 1em}
#advancedsearch label, #advancedsearch h2 {color: #666; font-weight:normal}
#advancedsearch h2 {border-bottom: 1px #C0C4BC solid; margin-bottom: 0.5em}
#advancedsearch label {display: block; margin-top: 0.2em}
#advancedsearch .submit {text-align: right; border-top: 1px #C0C4BC solid; width: 80%; margin: 0px auto; padding: 1.0em}

.results_nav {background-color: #CDE1F9; text-align: right; font-size: 1.2em; padding: 0.6em}
.results_nav img {vertical-align: middle; position: relative; top: -0.1em}
.results_nav a {font-size: 1.1em}
.results_nav .back {margin-right: 2.0em}
.results_bottom {border-top: 1px #999999 solid}
.results_top .results_nav {border-top: 1px #FFFFFF solid}
.results_top {border-bottom: 1px #999999 solid; margin-bottom: 1px}
.results_bottom .results_nav {border-top: 1px #FFFFFF solid; border-bottom: 1px #FFFFFF solid}
table.list_grants {width: 100%;}
table.list_grants th {font-weight: normal; text-transform: uppercase; padding: 0.6em; font-size: 1.1em}
table.list_grants thead tr {background-color: #EDEDEE; border-top: 1px #FFFFFF solid; border-bottom: 1px #999999 solid}
table.list_grants tbody tr {height: 5.7em}
table.list_grants tbody tr.notlast {border-bottom: 1px #666 dotted}
table.list_grants td {padding: 0.6em; font-size: 1.2em}
table.list_grants tr.even {background-color: #FDFEE4}
table.list_grants a {font-size: 1.1em}
table.list_grants td span {font-size: 1.1em}
.no_results {font-size: 1.2em; height: 5.7em; padding: 0.6em}

fieldset {padding: 1em}
fieldset input {margin: 0.5em 0}
fieldset label input, fieldset label select {margin-left: 0.5em}

#grant_detail {padding: 3em;}
#grant_detail h2 {font-size: 2.4em; font-weight: normal}
#grant_detail h3 {font-size: 1.8em; font-weight: normal}
#grant_detail .vcard {float: left; margin-right: 4em; margin-top: 1em; width: 40%}
#grant_detail .vcard {line-height: 2.0em}
#grant_detail label {font-weight: bold}
#grant_detail .amount .amount{font-size: 1.8em}
#grant .spacer {height: 3em}

.error {color: red}

.details .pane {float: left; margin-right: 2em; width: 25em}
.details dl {margin-top: 0.67em}
.details dd, .details dt, .details label {line-height: 2em}
.details p {line-height: 2em}
.details h2 {font-size: 2.4em; font-weight: normal;}
.details {padding: 3em;}
.details .adr {margin-bottom: 0}
#menubar {background-color: #CCC; height: 1.3em}
.zero_line_height {line-height: 0}
.normal_line_height {line-height: normal}
.logo {float: right; margin-left: 1em; margin-top: 1em}


#default #main {margin-top: 3em;}
#default #test_drive {height: 10.5em; background: transparent url(/static/images/bg_search.png) repeat-x; text-align: center; clear:both;}
#default #test_drive h3 {font-size: 2.8em; color: #000; font-weight: normal; margin-top: 0.8em;}
#default #test_drive h4 {font-size: 2.0em; color: #999; font-weight: normal; margin-top: 0.3em;}
#default #test_drive h4 span {color: #336699;}

#default #what_you_can_do_wrap{float: left; width: 24em;}
#default h1.what_you_can_do {background-color: #9A9A9A; color: #FFF; font-size: 2em; margin: 0; font-weight: normal; padding: 0.4em 0.8em}
#default #what_you_can_do {background-color: #FFFCF1; border: 1px #E9E6DC solid;}
#default #what_you_can_do h2 {color: #000; font-size: 1.7em; font-weight: normal; margin: 1.1em;}
#default #what_you_can_do ul {list-style: none; margin-left: 2em;}
#default #what_you_can_do form {margin-left: 2em;}
#default #what_you_can_do form div {text-align: right; padding: 1em;}

.messagebox {background-color: #FFFCF1; border: 1px #E9E6DC solid; margin: 1px; padding: 5px;}

#default #content {margin-left: 26em;}
#default #content h1 {font-size: 2.4em; color: #000; font-weight: normal; margin-top: 0;}
#default #content p {font-size: 1.6em;}
#default #content .feed a {font-size: 1.6em;}
#default #content .feed p {font-size: 1.2em;}
#default #content .pane {margin-bottom: 3em;}

#default #note {font-size: 1.2em; color: #999; text-align: center;}

.clr {
    overflow: hidden;
    clear: both;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* grant visualization */
#searchResultVis {
	width: 100%;
	background-repeat: repeat;
	background-image: url(/static/images/vis_bg.png);
}

#searchResultVisMode {
}

#subscribeSearch {
	float: right;
	margin-bottom: -5px;
}
	
#searchResultVisControls {
	width: 100%;
	background-color: #d6d6d6;
	border-bottom: 1px solid #a9a9a9;
	vertical-align: bottom;
}

#searchResultVisMode .tab {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #dedede;
	background-color: inherit;
	margin-left: 6px;
	padding: 6px 6px 0px 6px;
	background-color: #d6d6d6;
	z-index: -2;
}

#searchResultVisMode .disabledTab {
	background-color: #f9f9f9 !important;
	border: 1px solid #dddddd !important;
}

#searchResultVisToggle {
	float: right;
	padding-right: 4px;
	padding-top: 4px;
}

#toggleGrantVisButton {
	margin-left: 5px;
}

#searchResultChartInner {
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
}
#searchResultMapInner {
	clear: right;
	margin-left: auto;
	margin-right: auto;
	width: 682px;
	display: none;
}
#grantMap {
	width: 682px;
	height: 444px;
}
#searchResultVisInner {
	width: 100%;
	z-index: -1;
}

/* CMS pages */
#cms #main {margin-top: 3em; margin-left: 2em;}
#cms #main h1 {font-size: 2.4em; color: #000; font-weight: normal; margin-top: 0;}
#cms #main p {font-size: 1.6em;}
